<!--
 * @Description: 水波进度图
 * @Author: xjc
 * @Date: 2022-06-21 15:26:38
 * @LastEditTime: 2022-06-21 15:28:05
 * @LastEditors: xjc
-->
<template>
  <div id="progress-container" />
</template>

<script setup>
import {onMounted} from 'vue'
// eslint-disable-next-line no-undef
const {Liquid} = G2Plot

onMounted(() => {
  const liquidPlot = new Liquid('progress-container', {
    percent: 0.25,
    outline: {
      border: 4,
      distance: 8,
    },
    wave: {length: 128}
  })

  liquidPlot.render()
})
</script>
